Recent
Categories
View Replies (7)

Bianca logo styling

  1. Issue
0
Votes
Undo
  1. Pappy
    Pappy
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 21 February 2020
  5.  Subscribe via email
Bianca template display issue. I want to remove the line above the logo


After I tried this:

@media only screen and (max-width:440px) {
.header_main {
flex-direction:column-reverse;
}
}


See attachments:

Using an Iphone 5, the logo is displayed with the bar across the top.

Using firefox, with web developer > responsive design mode (set to be iphone size) it displays the logo without the bar across the top. Moving the logo up to where I want it.
Responses (7)
Pappy
Pappy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Perfect.

Thank you,
Mark
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your template settings...

#container_header .wrapper960 {

    flex-wrap: nowrap;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Pappy
Pappy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
That worked and created the transparency. I never would have found that...

In mobile view, even portrait Ipad, the logo/menu is still too far below the header.
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Mark

I have enabled the Overlap Header if in showcase-1# module position option in your slideshow module settings which I believe gives you the desired result.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mark

I assume you wish the first line of the logo to display on the header and the second line outside the header on all screensizes?

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Pappy
Pappy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
That took care of the line, but there is too much space above the mobile logo now.

I've tried several approaches but no luck.
Using Firefox Web developer tools, the layout isn't consistent between the tools responsive layout (Iphone size) and an actual Iphone.
The spacing isn't the same.

I'm resigned to this, but I need to move the mobile logo up.

Thanks,
Mark
  1. more than a month ago
  2. Commercial Templates
  3. # 6
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To remove the line above the logo, try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.logo::before {

    display: none;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 7
  • Page :
  • 1


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

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.