Jump to content

Flatiron: Adjusting content width on page when opening from index page into new tab

Recommended Posts

Site URL: https://www.codylafond.com/

I'm having an issue with controlling the width of the content on my project pages specifically when opening the projects in a new tab or window. With the following code the pages work just fine, but only when clicking through from the home page. It does not take effect when opening in a new tab (example below).

/* Controls width of content */
 #project .gallery {
   max-width: 100% !important
 }

I noticed that the URL changes ever so slightly when opening in a new tab by removing the /#/ between the domain name and the slug. I suspect this is because the home page is an index style page and the other pages are sub pages of said index page.

URL when clicking through from the home page:
codylafond.com/#/example

unnamed.thumb.png.5013add3709c0c842c4d7ad0145909af.png


URL when opening in new tab/window:
codylafond.com/example

unnamed.thumb.png.a1060d82153c264c7a5587150fa7fe39.png

I can't seem to control the width of the content on these pages when opened in a new tab/window. Anybody have any experience with this or know of a solution? Thanks in advance. 

Edited by clafond17
Link to comment
  • Replies 0
  • Views 107
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.