Big Cartel - Site Title

Question

Worked on my page throughout the weekend and still have a few lingering items I am struggling with. The site is http://johnathonpowers.bigcartel.com/.

The home page and main product page both have a different font size for the "Johnathon Powers" at the top of the page. I have search and searched through the CSS looking for all the font sizes and changing them really large, saving, then reverting back if they don't seem to change anything or change something other than the title. I haven't been able to figure out how to fix this.

Another thing while discussing this title is the option to have it at the top of the page. Would this be extremely complicated to have the header (with links automatically inserted by bigcartel) below the title? Here is an example I found when looking at drop-down menu options. http://littlefawn.bigcartel.com/ edit: I just realized that this example is one I stumbled upon from someone who sells themes and layouts for bigcartel. I truly hope I am not stepping on anyone's toes by trying to do this myself/using that example.

Answer 1

The Luna theme has a "quickfit" plugin that adjusts the header font size with an inline style rule, based on your screen size (mostly to make it look better on mobile devices). You should be able to add this to the bottom of your CSS and specify whatever font size you'd like:

#site_header header #store_name { 
  font-size:36px !important;
}

Otherwise you could consider uploading a header logo in Customize Design > Customize which will replace your header text.

Answer 2

The larger JP is governed by the CSS ID #site_header header #store_name a on the other pages JP has a simple <h1> tag.