The problem I am facing is that the Top menu suddenly splits into two row for not any apparent reason. As, the top menu lies in the same one row. Please look at the pic below and suggest me the solution to cover this problem. Thanks
Hi,
Seems the website provides a 404 at the moment – http://prntscr.com/me5j6g
I believe that is happening because there isn’t enough space for the top bar elements to display in one row. There are a couple of solutions.
First one, I could create a code to reduce the margin/padding between the elements so that they all fit in one row. Let men know when the website is online again.
The second one would be to stretch the top bar space – http://prntscr.com/me5kk2
Thanks
dear, the website is running as usuall. The problem is that there hasn’t been any splitting of top bar till yesterday and when I checked, then it splits into two. I haven’t done any settings, then why it splits into two?
The problem is solved when I removed one page from the top bar, but I want to know that when everything was working fine before, then why it has happened now???
Now it is working, at the moment of checking it was offline as seen in the screenshot. You don’t need to remove items from the top just to fix this. I presented two solutions above.
The CSS solution is like this – http://prntscr.com/me89fj
.td-header-top-menu .menu-top-container {
margin-right: 0;
}
Or stretch the top bar to a wider width in the theme panel as shown. You can try this or he CSS, each will work.
Dear, the problem corrects automatically. Any suggestions that how it came and how it gone????
I have no idea didn’t see anything wrong with it before, glad it is solved however.
