Adjust allpage css

More
4 years 1 week ago #8448 by macweb
macweb created the topic: Adjust allpage css
Hi,

I am trying to move the main,emu to top-bar but after doing it I need to move allpage position down.

I did it by overwrite the css to:

#jm-allpage.stickytopbar {
padding-top: 190px;
}
But I am getting problems with small devices please take a look in the attached image.

How can we fix this and also make the logo white background smaller as the desktop view ?

Thanks in advance,
Attachments:

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

More
4 years 1 week ago #8454 by marcin
marcin replied the topic: Adjust allpage css
Hello,

The padding is reset for small screens but you have overwritten that style.
You need to add this style to reset the padding once again:

@media (max-width: 767px) {
#jm-allpage.stickytopbar {
padding-top: 0 !important;
}
}

The styles should be added into custom.css file (template version 1.02 or older, EF4 Framework 4.4 or older) or in custom.less file (from template version 1.03 and EF4 Framework 4.5). More details in changelog:
www.joomla-monster.com/template-updates/...omla-3-0/jm-services
www.joomla-monster.com/knowledge-base-ar...joomla-3-x/changelog

In the case of the logo, you will need to add a fixed width for this element:
#jm-logo-sitedesc

Regards,
Marcin

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

Time to create page: 0.243 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2019 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.