advent12

https://cyberchimps.com/store/fine-pro/

Sort of like this demo.

Although..still doesn’t work on mobile. :/

My Solution in case anyone else uses this theme.

#masthead-wrap {
background: #000;
background-image: url(‘https://www.url’);
background-repeat: no-repeat;
display: block;
float: left;
margin: 0 auto;
width: 100%;
min-height: 80px;
}

.main-navigation {
width: 80%;
}

#masthead hgroup {
width: 10%;
}

example website

example website

I came across another solution that would be great, but #access doesn’t seem to work for SUPERHERO. How can I find the correct element to target?

#access {
background: #000;
background-image: url(‘INSERT URL IMAGE’);
background-repeat: no-repeat;
display: block;
float: left;
margin: 0 auto;
width: 940px;
}

Thanks.

I am able to make the logo larger however the problem is keeping the nav menu from spilling onto the next line while doing so. And…not screwing it up on mobile…as in the logo appears almost off the screen.

Ideally, I’d like the nav black header bar to remain thin (original) enough to hold the menu and logo..I don’t want this to double in size to accommodate a larger logo.

Would padding or margin work?

Thanks!

Hi,

Thanks for having a look.

webpagepage here

Did you find the problem? Having same issue…

The following solved my problem…for anyone who needs this.

white-space: normal;
word-wrap: break-word;
background-color: rgba(255,255,255,0.6);
width: 450px;
padding: 5px;

And now I have weird warning code that makes it impossible to even edit an element. Probably have to delete it all after the work I did.

.”Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.”
</div>
</div>

<div class=”cs-elements-actions”>
<div style=”float: left;”>
Add text
Add image
Add video
</div>
<div style=”float: right;”>
Live preview
Delete element
Duplicate element
</div>
<div style=”clear: both;”></div>
</div>

<div class=”cs-elements-list”>
<div class=”cs-element-settings cs-text-element-settings” style=”display: none;”> <table class=”cs-element-settings-list cs-text-element-settings-list cs-table”>
<thead>
<tr class=”odd-row”>
<th colspan=”3″>Element Options</th>
</tr>
</thead>

<tbody>
<tr class=”cs-table-header”>
<td>Option</td>
<td>Parameter</td>
<td>Description</td>
</tr>
<tr>
<td class=”cs-name”>Text</td>
<td class=”cs-content”>
<textarea class=”cs-element-inner_html”>Precise Statistical Analysis

Unfortunately, I cannot even paste shortcode in page. Slider does not show up..just a grey thin line and my content is missing. I used this slider on another website and it worked fine so I’m thinking it is the code I used above.
Help please.

Hello Gourav,

Click on home, then click on another page. See how the header jumps up and down as the page loads? (look at grey line) That can’t be normal…

Please advise.

You must add a custom css plugin.
Then go to appearances, custom css, paste code in there.

Thanks, does the trick!