Margin between Maximenu CK Mobile menu & site logo

More
5 years 11 months ago - 5 years 11 months ago #50192 by WhataMack
Hi, I'm looking to make a minor change with a completed Maximenu CK Mobile menu. Here is some system information:

* Joomla 3.9
* Protostar template
* Maximenu CK module 8.2.16
* Maximenu CK Mobile plugin 2.0.24
* The responsive menu is located at the top of the page ("top fixed") and its Display Effect is "Slide left".
* The full-width Maximenu CK menu is in the Prototype template's "banner" position.

Here's the site logo and part of the Maximenu CK menu:




And here's the responsive menu, with the logo just beneath:



I'd like to increase the space between the bottom of the menu bar and the top of the logo, but have not been able to find any settings in the Maximenu CK Mobile plugin's "Styles options" tab that will add more of a margin in that space. I've also gone through Firefox's Inspector tool but couldn't figure out what css rules would apply.

Thanks in advance for any help!
Attachments:
Last edit: 5 years 11 months ago by WhataMack.

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

More
5 years 11 months ago #50193 by ced1870
Hi
this is something to manage into your template with CSS, this is not related to the Maximenu (even mobile version)
you must use mediaqueries, something like

@media only screen and (max-width:640px){
.header {margin: 20px;}
}

to adapt to your need, with the correct css selector and resolution
CEd

Joomlack Webmaster and Developer
The following user(s) said Thank You: WhataMack

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

More
5 years 11 months ago #50199 by WhataMack
Thanks very much as always for your help, CEd!

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

Time to create page: 0.209 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 902 guests and one member online