Jump to the post that solved this thread.
Solved: 9 Years, 11 Months, 3 Weeks ago User Nav Glitch With Different Browsers
#1
Solved: 9 Years, 11 Months, 3 Weeks ago
So, lately we've realized some bugs with the site, when using different browsers besides chrome.

And we're almost clear of them, besides our user nav/tab, is dislocating on other browsers.

Image on chrome:
http://i.imgur.com/IxXCv3h.png

Image on other browsers:
http://i.imgur.com/wyqHfNR.png

Please help us try to find the solution, site link here.
Come check the newest and upcoming technology and gaming forum!
TheTechFanatics
Reply
#2
Solved: 9 Years, 11 Months, 3 Weeks ago
As I can see it from my console, the HTML for the menu top_links bar in your header template (or more prabably in your header_welcome_guest and header_welcome_member templates) is a mess for the part that should come to the right. 
Perhaps this can be solved when you show the header_welcome_guest template here.
Regards, Ad Bakker (NL)
Reply
#3
Solved: 9 Years, 11 Months, 3 Weeks ago Lightbulb 
Remove dropit class from login ul. Move the login ul inside newnavbar div then make newnavbar div 100% width.

Heading out to a meeting otherwise I would provide the code. Big Grin

This is what your new newnavbar div should kind of resemble:

<div class="newnavbar" style="width: 100%">

    <li>your link</li>
    <li>your link</li>
    <li>your link</li>
    <ul class="dropit">your link</ul>
    
    <ul style="float: right">

        <font color="white">

            Welcome, Guest.

        </font>
        <a class="login" onclick="$('#quick_login').modal({ fadeDuration: 250, keepelement: true }); return false;" href="http://www.thetechfanatics.com/member.php?action=login">

            Login

        </a>
        <font color="white">

            or

        </font>
        <a class="register" href="http://www.thetechfanatics.com/member.php?action=register">

            Register

        </a>

    </ul>

</div>

Of course, remove your old login / register link that resembles this:

<ul class="dropit" style="float: right">

    <font color="white"></font>
    <a class="login" onclick="$('#quick_login').modal({ fadeDuration: 250, keepelement: true }); return false;" href="http://www.thetechfanatics.com/member.php?action=login"></a>

    <font color="white"></font>
    <a class="register" href="http://www.thetechfanatics.com/member.php?action=register"></a>

</ul>
Find me here or at my new blog about MyBB, Web Design, SEO
My Services
MyBB Themes
Reply
Jump to the post that solved this thread.


Forum Jump:


Users browsing this thread: 1 Guest(s)