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 5 months 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 5 months 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 4 months 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 4 months 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

Get 30% OFF for Membership plan!

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
We’re with you! We're offering 60% Discount on all purchases due to the impact of COVID-19! Code: REMOTEWORK More Details
We’re with you! We're offering 60% Discount on all purchases due to the impact of COVID-19! Code: REMOTEWORK More Details