How to remove space from floating navigation menu in blogspot template


#1

assalam o alaikum here is some problem with my template there is little bit space in floating navigation menu you can see in screenshot and when I open in my mobile floating menu come to middle of the post so how can I fix it please help me here are some screenshots

thank you in advance


#2

Walekumasalam Tariq Brother!

Just add this css to your style

.site-nav {
  margin-top: -23px;
}

and you are done! PS. you can adjust -23px according to your needs :grinning:


#3

should i past before ]]>skin because i dont know much about css


#4

yes brother you are right :blush: you have to paste it before that ]]></b:skin>


#5

now it showing is the space .

site-nav { margin-top: -23px; } -->


#6

Hey @Tariq_aziz Paste This Code Above ]]></b:skin> In Your Template- :smile:

.site-nav {
  margin-top: -23px;
}

#7

Can you tell it more clear I actually can’t understand what you want to say


#8

yea i past it before the ]]></b:skin> @ngtechzone


#9

@ngtechzone I also told the same! I think he isn’t able to implement it correctly


#10

But Bro why are You adding --> comment tag please remove it and try again :smile:


#11

@Tariq_aziz, please find this code in your template:

<style type="text/css">
.adslot_1 { max-width: 300px; height: auto; margin:10px 0px; }
@media (min-width:100px) { .adslot_1 { width:125px; height:125px; display:block; } }
@media (min-width:180px) { .adslot_1 { width:180px; height:150px; display:block; } }
@media (min-width:200px) { .adslot_1 { width:200px; height:200px; display:block; } }
@media (max-width:250px) { .adslot_1 { display:none; } }
@media (min-width:300px) { .adslot_1 { width:300px; height:600px; } }
@media (min-width:336px) { .adslot_1 { width:336px; height:280px; } }
@media (min-width:468px) { .adslot_1 { width:468px; height:60px; } }
@media (min-width:728px) { .adslot_1 { width:728px; height:90px; } }
</style>

-->]]></b:skin>

and then, remove --> and save your template. It will get fixed. :smile:


#12

i remove this css now it is fixed waooo what a nice

.comment-content a { display: none; } .adslot_1 { max-width: 300px; height: auto; margin:10px 0px; } @media (min-width:100px) { .adslot_1 { width:125px; height:125px; display:block; } } @media (min-width:180px) { .adslot_1 { width:180px; height:150px; display:block; } } @media (min-width:200px) { .adslot_1 { width:200px; height:200px; display:block; } } @media (max-width:250px) { .adslot_1 { display:none; } } @media (min-width:300px) { .adslot_1 { width:300px; height:600px; } } @media (min-width:336px) { .adslot_1 { width:336px; height:280px; } } @media (min-width:468px) { .adslot_1 { width:468px; height:60px; } } @media (min-width:728px) { .adslot_1 { width:728px; height:90px; } }


#13

this one also i deleted hahahahha and .comment csss i delet than it is working ok


#14

good to see that it solved! Cool Bro @Tariq_aziz


#15

I Am Glad That you Fixed Your Problem @Tariq_aziz :smile: Good luck :slight_smile:


#16

thank you every one @Nafees @ngtechzone @Shivansh slove this problem


#17

You’r Welcome @Tariq_aziz . BTW If You like Any Post Just Press :heart: button Maybe it will help someone :smile: