Tablet View

Hello,

I would like for the main menu links to show on one line when viewed on a tablet both horizontal and vertical views.

http://hennessycapllc.com/Sandbox

The main menu links should not move to the second line when view on a tablet.

 

Hi,

Greetings from InkThemes,

It would be our pleasure to serve you.

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 960px) and (min-width: 768px){
.menu-wrapper {    
    width: 96% !important;    
margin-left:-39px !important;
}
}
@media only screen and (max-width: 1140px) and (min-width: 960px){
.menu-wrapper {    
    width: 72% !important;    
}
}

Hope it will resolve your issue

Thanks & Regards!
Nitin
InkThemes.com

 

Hi Nitin,

Thanks, that worked however, how can I "Center" the menu on the tablet view?

http://hennessycapllc.com/Sandbox

Thx,
R

 

Hi,

Greetings from InkThemes,

Although, the menu looks almost centered in the tablet view. If you still wish to alter the position, just change the value of 'margin-left' accordingly from the above code we provided you.

Hope it will resolve your issue

Thanks & Regards!
Nitin
InkThemes.com

 

Hi Nitin,

Something has changed however I have listed the issues below:

1. Horizontal Tablet View - Menu didn't Center after changing margin left.

2. Vertical Tablet View - Menu didn't Center after changing margin left.

3. Vertical Tablet View - Logo is cut off at the top.

Please reference pdf documents.

http://hennessycapllc.com/Sandbox

Thx

 

Hi,

Greetings from InkThemes,

That's not an issue. Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 960px) and (min-width: 768px){
.menu-wrapper {    
    margin-left: -89px !important;
}
.page_info img {
    margin-top: -7px !important;
}
}

Hope it will resolve your issue

Thanks & Regards!
Nitin
InkThemes.com

 

Fixed.

Thx