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 !!!
المشاركات
