Main menu – iPhone slider – font icon on buttons

[webhode]

Hi,
Thx for all the help so far. I have rounded up some questions:

Main menu on iPad size
When the website scales down to iPad size the main menu slides under the logo. I want it to stay in place on the right of the logo. Like on larger screens.

iPhone slider
The iPhone slider is placed on top of the text and button on its left when the page scales to mobile size. How do I fix this?

Font icons on buttons
Is it possible to place font icons on buttons (shortecode)? I want it on the green button on this page – http://folkapps.no/#dinmening

[webhode]

This reply has been marked as private.

[Nexus]

For the first two issues, please put the following code into custom css of theme options

@media only screen and (max-width: 1024px){
#site-logo, #primary-menu {
float: left;
}
}

@media only screen and (max-width: 767px){
.smartphone-slider, .iphone-slider-container {
margin-top: 0 !important;
}
}

For inserting icon font into a button use the following code and change the icon class to your liking

Test Button

[webhode]

Thx a bunch! The first solution, main menu, has a strange result. The alignment of main menu and logo is off on iPad width. The same happens to the logo and mobile menu on mobile width. I entered the css so you can see what I mean.

[Nexus]

I have put few custom css to rectify the issues. Please check.

[webhode]

Thx dude!

[Author]

Posts