Support Forums

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

Your Time: Our Time:

Mobile View

Featured Lock Resolved Bug
Hello Support,

I am facing an issue in the Mobile View. Please can you provide me with a fix to this bug. The website is: https://www.geonomy-ltd.com/
Mobile View.jpg

Attachments (1)

  • Mobile View.jpg
    Mobile View.jpg 398.3 KB

9 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
Or just disable/hide those lines from mobile view. They are useless there.


@media (max-width: 580px) {
#sp-top-bar .sp-column {border-bottom: none; }
}


But if you "love" this line use:


#sp-top1 .sp-column {padding-bottom: 8px !important;}
@media (max-width: 780px) {
#sp-top-bar .sp-column {border-bottom: none; }
#sp-top-bar {border-top: 1px solid rgba(255,255,255,0.2);}
}


https://www.joomshaper.com/documentation/joomla-templates/floox#faq-template-customization

Tabassum - Staff

More than a month ago #Permalink
Dear Mr. Ahmad good to know you. Please apply this css in "custom.css" and hope you will not face this bug again.

#sp-top-bar .sp-column {
border-bottom: initial;
display: table;
width: 100%;
padding-bottom: 10px;
}
#sp-top-bar .container {
border-bottom: 1px solid rgba(255,255,255,0.2);
}

[email protected]

More than a month ago #Permalink
Hello Pual,

Thanks alot but can I keep them and fix the line? Please can you provide me with the CSS code? Thanks in advance.

Paul Frankowski - Staff

More than a month ago #Permalink
You have both codes, read again my last post.

[email protected]

More than a month ago #Permalink
Thanks Paul,

Yes I have applied the second CSS code but this code made the lines disappear. Also please if you can fix for me the two lines in Tablet and Desktop Modes. Thanks in advance.

Please check my Site: https://www.geonomy-ltd.com/

Attachments (2)

  • Desktop.jpg
    Desktop.jpg 643.9 KB
  • Tablet Mode.jpg
    Tablet Mode.jpg 332.3 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Maybe try ONLY this (less problems):

#sp-top-bar .sp-column {border-bottom: none; }
#sp-top-bar {border-bottom: 1px solid rgba(255,255,255,0.2);}

Paul Frankowski - Staff

More than a month ago #Permalink
OR (improved version)


#sp-top1 .sp-column {padding-bottom: 8px !important;}
@media (max-width: 1024px) {
#sp-top-bar .sp-column {border-bottom: none; }
#sp-top-bar {border-top: 1px solid rgba(255,255,255,0.2);}
}

[email protected]

More than a month ago #Permalink
Thanks Paul :)

Have a great day.


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 122
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 90
Toufiq

Toufiq

Total Accepted Answers: 33
Al Mamun

Al Mamun

Total Accepted Answers: 3
J

johnny

Total Accepted Answers: 3

100+

Templates

200,000+

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