Responsive accordion menu

SariWebs · January 2017

Hello.

Is it possible to change the size of the accordion menu in the responsive view (ie. just so that the accordion is bigger)?

Thanks!

Albert · January 2017

Hi,

please send us link to page where you would like to do this and also please show us on screenshot how you want do it.

SariWebs · March 2017

Hi.

Sorry, took a while...

So, I would like to make the 3 lines of the accordion menu thicker on the responsive view.

Also, I have set up a big fixed cover image on each page, but would like them to be smaller on the responsive view, how to do that?

http://www.helenaredwood.co.uk/

Thanks!

Bryan · March 2017

Hi, use this custom css for the menu button

#Top_bar a.responsive-menu-toggle i { font-size:28px !important; }
#Top_bar a.responsive-menu-toggle i::before { font-weight:700 !important; }

To make the background image smaller you would have to add a custom class to the builder so i could target it and write you some custom css

SariWebs · March 2017

Great! Thanks!

Would you be able to help me how to add the custom class?

Thanks!

Bryan · March 2017

There will no need for that after all. Just use this CSS aswell

@media (max-width:767px){
	#Content .entry-content .bg-cover .column_attr {
	padding:200px 0px !important;
}
}

SariWebs · March 2017

Fantastic! Thanks for your help!!!

Bryan · March 2017

No problem:)

SariWebs · March 2017

Hello again,

Above you gave me instructions how to make the accordion menu lines thicker on the responsive menu. That's great.

However, I would also need to make them thicker on a big screen, how to do that?

Thanks in advance!

http://www.heliostorage.com/

Bryan · March 2017

Hey,

please be so kind and send us WordPress dashboard access privately thru contact form which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason. Please don’t forget to let us know what for the access is.

Thanks

SariWebs · March 2017

I don't have an issue really. The responsive menu is fine, nice and big. But I just want the same look on the laptop screen, meaning, the accordion lines bigger and thicker. They seem very small now:

http://www.heliostorage.com/

So I think I just need a custom CSS similar to this (this is the responsive accordion):

#Top_bar a.responsive-menu-toggle i { font-size:28px !important; }
#Top_bar a.responsive-menu-toggle i::before { font-weight:700 !important; }

Thanks!

Bryan · March 2017

Send us the message there please.

Responsive accordion menu

Comments