Top bar height in Mobile view in Emani

Votes

Undo

Hi there

ref: http://west5web-developer.co.uk

In the top bar I have some buttonns and a google translator module.

These dispaly fine in wide screen mode but not in mobile view.

Is there a way to change the height of the header bart in small screen view and also ideally centralise and stack the three items.

Many thanks

Paul

Responses (2)

ciaran

Accepted Answer Pending Moderation

Votes

Undo

Hi Paul

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and (max-width: 767px) {

	.header_top {

	    height: auto;

	}

	.header_top .btn {

	    display: inline-block;

	}

	.header_top .wrapper960 {

	    flex-direction: column;

	}

	.header-1, .header-2 {

	    margin: auto !important;

	}

}

Ciaran

more than a month ago
Commercial Templates
# 1

ukfish1

Accepted Answer Pending Moderation

Votes

Undo

perfect, many thanks

Paul

more than a month ago
Commercial Templates
# 2

Page :
1

There are no replies made for this post yet.
Be one of the first to reply to this post!

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »

Forgot Password?

Top bar height in Mobile view in Emani

Site Links

Recommended

Join Our Newsletter