TOPIC:

Sport, Digga! Template - Menu on tablet screens not correct 2 years 5 months ago #223294

  • hostzone's Avatar Topic Author
  • hostzone
  • Offline
  • Fresh Breezer
  • Fresh Breezer
  • Posts: 4
  • Thanks: 0
Hello, I have installed Sport, Digga! template for one of my customers and they started to work with it. Now we find out, when viewing the site on tablet size screens, the Menu does not look correct. It looks fine on large monitors or smart phones. Is there an easy way to fix this? See site: www.qhpirates.com.au . Thanks in advance and best regards, Heinz
Attachments:

Please Log in or Create an account to join the conversation.

Sport, Digga! Template - Menu on tablet screens not correct 2 years 5 months ago #223354

  • MarioPuco's Avatar
  • MarioPuco
  • Offline
  • Ultimate Breezer
  • Ultimate Breezer
  • Posts: 5958
  • Karma: 119
  • Thanks: 554
Hello,

Please try this :

1) Create a file called sportdigga-custom.css inside root/templates/spordigga/css/ ( This is the place where to add all your custom CSS if there is any ).
2) Inside sportdigga-custom.css add this :
@media (max-width: 1024px) {
.layout-mode-responsive .gf-menu {
    display: none !important;
}
}

Let me know if this worked for you.

Regards,
Mario

Please Log in or Create an account to join the conversation.

Sport, Digga! Template - Menu on tablet screens not correct 2 years 5 months ago #223536

  • hostzone's Avatar Topic Author
  • hostzone
  • Offline
  • Fresh Breezer
  • Fresh Breezer
  • Posts: 4
  • Thanks: 0
Thanks Mario, that worked. The only thing, the logo is missing at the top. It is there on the phone size screen, but not on the tablet size. Thanks again for looking into it.

Please Log in or Create an account to join the conversation.

Sport, Digga! Template - Menu on tablet screens not correct 2 years 5 months ago #223639

  • MarioPuco's Avatar
  • MarioPuco
  • Offline
  • Ultimate Breezer
  • Ultimate Breezer
  • Posts: 5958
  • Karma: 119
  • Thanks: 554
Hey,

Glad that everything is working now.
Regarding the logo please add this under @media (max-width: 1024px) query :
#ct-menu-surround #rt-logo-img-responsive {
	display: block !important;
	width: 150px;
	height: 150px;
}

Let me know if this worked.

Regards,
Mario

Please Log in or Create an account to join the conversation.

Sport, Digga! Template - Menu on tablet screens not correct 2 years 4 months ago #223779

  • hostzone's Avatar Topic Author
  • hostzone
  • Offline
  • Fresh Breezer
  • Fresh Breezer
  • Posts: 4
  • Thanks: 0
Thanks again Mario, the logo was back but made the oval round, so I modified your code to:

#ct-menu-surround #rt-logo-img-responsive {
width: 122px;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 0px;
display: block;
padding-top: 10px;
margin-bottom: 10px;
}

All good now. Best regards, Heinz

Please Log in or Create an account to join the conversation.

Sport, Digga! Template - Menu on tablet screens not correct 2 years 4 months ago #223809

  • MarioPuco's Avatar
  • MarioPuco
  • Offline
  • Ultimate Breezer
  • Ultimate Breezer
  • Posts: 5958
  • Karma: 119
  • Thanks: 554
Hi,

Great Job !
Glad you managed to tweak it yourself.

If you have any other questions, let me know.

Regards,
Mario

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
Time to create page: 0.074 seconds

BreezingForms Pro 1.4.7 for WordPress Released!

Available in the membership section.

Summer Sale!

Massive discounts on all subscriptions!

Get Your Subscription Here

Quick Links

Downloads

BreezingForms

ContentBuilder

BreezingCommerce

Templates

Documentation

BreezingForms

ContentBuilder

BreezingCommerce

Apprendre BreezingForms (French Community)

Apprendre et maîtriser BreezingForms par des tutoriels et exemples, le tout en français

breezingforms.eddy-vh.com

Questions et réponses sur les forums de l'AFUJ

AFUJ

Special Offer

Summer Sale! All subscriptions at a special price!

Includes prio support, all of our current and future Joomla!® extensions and Joomla!® templates for the duration of your membership.

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!