Giver Template: Problems With Header Padding And Menù Icon On Mobile - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Giver Template: Problems With Header Padding And Menù Icon On Mobile

G

gemmajoom

Template 3 years ago

Is it possible to make sure that the header position, in mobile mode, does not take into account the side padding chosen? It happens also for other positions: footer and bottom.

I would also like to know how to bring the floating menu icon in line with the text logo and not much below it as it is now.

0
1 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #78429

Hi there!

Thanks for your query.

Are you using a predefined header there?

However, please use the following code in your custom CSS:

#sp-bottom .sp-module, #sp-footer .sp-module  {
    text-align: center;
}
@media (max-width: 991px){
#sp-logo {
    width: 83%;
}
#sp-menu {
    width: 17%;
}
}

Hope this will serve your perpose for now!

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

0