How to hide the menu symbol at low screen resolutions?

SupportCategory: Joomla! Template QuestionsHow to hide the menu symbol at low screen resolutions?
AvatarHugues Hancotte asked 1 month ago

I’m used LtABroad (
I decided to replace de slider @home page by a image. Therefore I pickup a model from the lybrary.
I would like my image to start at top of the page, behind header and top part, just like it works withh the original slider.. but I d’ont succeed to do it. I tried playing with  padding without success.
how can I do that ?
Many Thanks

2 Answers
KelvinKelvin Staff answered 1 month ago

You just go to Template Settings, open tab “Custom Code” and add more CSS as below for Custom CSS code field
#qx-section-47154 {
margin-top: -150px;
#qx-text-7158 {
padding-top: 100px;
Save and recheck.

AvatarHugues Hancotte answered 1 month ago

Thanks Kevin, it’s working.
And it’s general CSS, meaning same margin/padding for tablet and phone ?
Thanks again

KelvinKelvin Staff replied 1 month ago

You just check on mobile and table, use @media query to change value of margin and padding

Support Community with 60% OFF!

Access Life-time All-In-One Membership with 500+ Premium WordPress themes and Joomla templates just $159.60 (instead of $399) after discounted! Life-time Access, Download and Support, One-time Payment, No Renewal. Coupon code: REMOTEWORK

Join All-In-One Club with 60% OFF on today!


eskişehir escort izmit Escort bursa escort bayan ankara escort bayan van escort bayan elazığ escort bayan erzurum escort bayan
[Flash Sale] Get 25% OFF for your order on today with coupon code: FLASH25
Support Community because COVID-19! Get 60% OFF for your orders! Code: REMOTEWORK Redeem Now