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

Hello,
I’m used LtABroad (www.teamandgroupcoachingacademy.eu).
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
Hugues

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
Hugues

KelvinKelvin Staff replied 1 month ago

Hi,
You just check on mobile and table, use @media query to change value of margin and padding https://www.w3schools.com/css/css_rwd_mediaqueries.asp

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!

sale-off-60

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