Slide show

How to move the Standard Google Page Tab memu to AWESOME !!! top static menu toolbar replacing blogger Navbar ( one line code )

The Theme on this blog is a pure simple google blogger template 


The google Standard tab menu named PageList1 so you can give absolute position to top of your blog

1. First of all hide your google nav bar, then
2. Go to Theme - Customize - Advance - Add Css




add the code

#PageList1 { position: fixed; top: 0px; left: 0px; z-index: 999; width:100%;}

This blog use the code to absolute the pages Menu position to Top Left

Bonus code 
to customize your page list tab menu style find and edit on your temelate Editor


<Variable name="tab.border.radius" description="Tab Border Radius" type="length" default="10px" min="0" max="100px"
value="10px"/>
<Variable name="tab.first.border.radius" description="First Tab Border Radius" type="length" default="10px" min="0" max="100px" 
value="10px"/>
<Variable name="tabs.border.radius" description="Tabs Border Radius" type="length" default="0" min="0" max="100px"
value="0"/>

<Variable name="tabs.spacing" description="Tab Spacing" type="length" default=".25em" min="0" max="10em"
value=".25em"/>
<Variable name="tabs.margin.bottom" description="Tab Margin Bottom" type="length" default="0" min="0" max="100px"
value="0"/>
<Variable name="tabs.margin.sides" description="Tab Margin Sides" type="length" default="20px" min="0" max="100px" 
value="20px"/>

for FLAT style set all value="0px"

Done your menu bar is on top fixed !!!

Fixed top menu bar is full Responsive and work with tablets and mobile phones !!!



NEW !!! You can actively participate in the wordpress911 team to ask and answer questions to upload articles and videos register » Here

Links: You can download the best WordPress Woocommerce templates HERE


No comments:

Post a Comment