Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2016-09-06 07:19:22

speacock110
Member
Registered: 2013-04-11
Posts: 169

Theatre and masthead images not fluid

I am just setting up a test slideshow after purchasing Theatre and have come across a problem I cannot find the solution too.

When I set the Float UI Page to off The masthead image drops below the Hamburger line on the breakpoint and the Image navigation disappears. But the masthead image is fluid as I want to maximise the screen I want the Masthead to be on the same line as the Hamburger. Floating the UI Page to On does this and the image navigation remains however the masthead image is no longer fluid. Any suggestions?

http://nature.stevepeacock-photography. … of-images/

Offline

#2 2016-09-06 09:24:11

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
Website

Re: Theatre and masthead images not fluid

Set the masthead to "header", then make your background transparent.


Matt

The Turning Gate, http://theturninggate.net

Offline

#3 2016-09-07 02:55:40

speacock110
Member
Registered: 2013-04-11
Posts: 169

Re: Theatre and masthead images not fluid

I have made the masthead background     background-color: rgba(0, 0, 0, 0.2); using Backlight Admin ( I also tested custom css using .masthead and this worked)

However when I went to change the background of the Navigation bar background there was no alpha option.
So I inspected the code and changing nav ul to     background-color: rgba(0, 0, 0, 0.2); worked however when I put this in the custom css it was still opaque. but a little darker orange (set to orange for testing purposes in Backlight  admin) and this the orange is strike through, and turning it off has no effect.

Offline

#4 2016-09-07 03:09:56

speacock110
Member
Registered: 2013-04-11
Posts: 169

Re: Theatre and masthead images not fluid

Found it. Have to use
nav,
nav ul {
    background-color: rgba(0, 0, 0, 0.5);
}
Any way to make the nav bar the same width as the content not full width

Offline

#5 2016-09-07 05:33:25

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Theatre and masthead images not fluid

Any way to make the nav bar the same width as the content not full width

try turning on Negative Space in the page template's Page Layout


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

Board footer

Powered by FluxBB