Jump to content

Remove Clearfix from Top Nav Bar


Recommended Posts

<div id="topbar">

<div class="banner">
<div class="nav">
<div class="container">
<div class="row">
<nav>
<div class="clearfix">
Inside here is where the Shopping Cart is.  I need to remove the clearfix div, so that the shopping cart floats right correctly.  (because if I'm not mistaken, the clearfix div has the clear: both; css which overrides my float: right; on the Shopping Cart)
 
I checked in blocktopmenu.tpl and removed the clearfix, but no luck.   <div id="block_top_menu" class="sf-contener clearfix col-lg-12">
 
Link to comment
Share on other sites

Thanks for that.  I was looking for a blockshoppingcart, but must have missed blockcart.

 

I fixed the clear:both; in the block cart, but now there's a clear:both; in the <div class ="row"> (see below).  Any suggestions on where I can find where that is defined?  In block cart, I only see <div class="layer_cart_row">

 

<section class="header-container">

<div id="topbar">
<div class="banner">
<div class="nav">
<div class="container">
<div class="row">
<nav>
<div class="shopping_cart">
 
And of course if I remove the clear:both; from the #row .after and #row .before, it breaks other things on the site.  At this point, if someone's willing to fix this for some $, I'm willing to pay. :)
Link to comment
Share on other sites

Hmm, let me see if I can reproduce this later.  For whatever reason, the My Account and Shopping cart will change between on 1 line and on separate lines.  It is unbelievably annoying and I can't figure out why.  At the moment, it seems that they are both on one line...

Link to comment
Share on other sites

I tried that, but it seems to break the website, as in nothing loads.

 

{if isset($blockcart_top) && $blockcart_top}
<div class="clearfix{if $PS_CATALOG_MODE} header_user_catalog{/if}">
{/if}

 

I've looked on multiple browsers at different times, and it seems that it will randomly float right on 1 line, and other times it won't.

Link to comment
Share on other sites

I think I figured out why sometimes the Shopping Cart will float right, and sometimes it will not.

 

If the Shopping Cart loads before the My Account, it will be on separate lines.

<nav>

<div class="clearfix">
<div id="layer_cart">
<div class="layer_cart_overlay"></div>
<div class="pull-left leo-groupe g-dropdown dropdown_topbar">
 
If the My Account loads before the Shopping Cart, it will be on the same line.

<nav>

<div class="pull-left leo-groupe g-dropdown dropdown_topbar">

<div class="clearfix">
<div id="layer_cart">
<div class="layer_cart_overlay"></div>
 
Any suggestions on how to make it load in a certain order? or would it just be easier to fix the underlying problem?
 
 
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...