Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Menu Bar in Fixter

Featured Lock Resolved Issue
I'm trying to increase the width of menu bar in Fixter to allow for a larger logo, but it causes problems with overlap of the main section. The content area doesn't seem to adjust accordingly, especially between different browsers. Is there any type of CSS or workaround you can recommend? Thank you! Screenshot attached.
URL: http://inokom.temp.domains/~peentech/index.php

Attachments (1)

  • image 2.png
    image 2.png 146.8 KB

9 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
probably your logo is now big enough

0-09.png

Attachments (1)

  • 0-09.png
    0-09.png 56.2 KB

Paul Frankowski - Staff

More than a month ago #Permalink
but for smaller laptop I suggest also add this


@media (min-width: 992px) and (max-width: 1199px) {
body.predefined-header1 #sp-header {width: 230px;}
.logo-image {height: 100%;}
}

Brian

More than a month ago #Permalink
Thank you for that code. And yes, the logo is big because I added some CSS, but my problem is that it caused the main section to break apart and now it doesn't flow consistently.

Paul Frankowski - Staff

More than a month ago #Permalink
Sorry, but what is wrong? I don't see any issues. Show me on your screenshot maybe, but TOMORROW

foto_2502_2019.jpg

Attachments (1)

  • foto_2502_2019.jpg
    foto_2502_2019.jpg 53.2 KB

Brian

More than a month ago #Permalink
Hi again, sorry for the delayed follow-up. Here are some screenshots. I believe it's related to an issue with Windows Internet Explorer (what else is new). Is there any CSS I might add? Thanks!

Attachments (2)

  • explorer crop 2.jpg
    explorer crop 2.jpg 520.5 KB
  • explorer crop 1.jpg
    explorer crop 1.jpg 94 KB

Paul Frankowski - Staff

More than a month ago #Permalink
IE11 .... old times, old laptops.old computers. Microsoft wanted to forget about this project.
You have to use IE CSS hacks.

Ping me tomorrow, I will try to find old laptop somewhere.

Brian

More than a month ago #Permalink
Ha, yeah I know it's because IE is old and terrible. And I agree with you. However, I'd still love to put in a few CSS hacks to fix the issue, normally I wouldn't mind but it looks really bad. Thanks.

Paul Frankowski - Staff

More than a month ago #Permalink
This may help


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#sp-page-builder {padding-left: 5%;}
}


in case of... try different values 6% or 7%

Brian

More than a month ago #Permalink
Thank you! I'll plug that in and see what happens.


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 119
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 70
Toufiq

Toufiq

Total Accepted Answers: 66
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 39
Ofi Khan

Ofi Khan

Total Accepted Answers: 39

121

Templates

315590

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us