Adjust allpage css

6 years 3 months ago #8448 by macweb
macweb created the topic: Adjust allpage css

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,

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

6 years 3 months ago #8454 by marcin
marcin replied the topic: Adjust allpage css

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:

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


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

Time to create page: 0.210 seconds


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

Copyright © 2009-2021 All rights reserved. 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.