Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

Problem with the view header in chrome
(1 viewing) (1) Guest
  • Page:
  • 1
  • 2

TOPIC: Problem with the view header in chrome

Problem with the view header in chrome 10 years, 3 months ago #16494

  • tuperdizroja
  • OFFLINE
  • Single Product
  • Fresh Boarder
  • Posts: 13
  • Karma: 0
Hi, thanks for your work and for your time.

I am using your theme SJ Plus on a construction site, testing (template orange). You can see it in www.s469459294.mialojamiento.es/ (company server 1 and 1). I have included an image of logo 1170 px to include the logo on the left and a small image to the right. In IE 9 and Firefox displaying properly, but chrome reduces the image to 270 px to the left.
Can you help me and guide me how to fix it?

Thanks a lot.
Attachments:

Re: Problem with the view header in chrome 10 years, 3 months ago #16600

  • usersmart1
  • OFFLINE
  • Moderator
  • Posts: 1364
  • Karma: 20
Dear Luis,

For this issue, please open file (\templates\sj_plus\css\your_css.css) and add this code:

.logo img{
max-width:none;
}


Thanks!

Re: Problem with the view header in chrome 10 years, 3 months ago #16822

  • tuperdizroja
  • OFFLINE
  • Single Product
  • Fresh Boarder
  • Posts: 13
  • Karma: 0
Thanks for your attention, it seemed to actually solve the problem because the header is displayed correctly in chrome.

However after doing what you said now the header is not responsive, does not fit the mobile phone or the shape change of the browser.

I was trying to find something, but can not find the problem. I saw that if the "span" is 12 instead of 3 for the image, it works, but not if that's the problem or how to change it.

Any idea?

thank you very much

Re: Problem with the view header in chrome 10 years, 3 months ago #16823

  • usersmart1
  • OFFLINE
  • Moderator
  • Posts: 1364
  • Karma: 20
Dear Jose Luis

In this case, please try with another way

Open templates/sj_plus/layouts/main-left-right.xml file, find this code:
<header html5tag="header" order="1" id="yt_header" autosize="0">
			<positions>
				<position class="span4" data-tablet="span4"  type="feature">@logo</position>
				<position class="span2" data-tablet="span4"  data-mobile="span4"   style="none" type="modules">social</position>	
				<position class="span3"	data-tablet="hidden" data-mobile="hidden"  style="none" type="modules">search</position>	
				<position class="span3" data-tablet="span4"  data-mobile="hidden"  style="none" type="modules">contact</position>	
			</positions>
		</header>


and change to:

<header html5tag="header" order="1" id="yt_header" autosize="0">
			<positions>
				<position class="span12"  type="feature">@logo</position>
				
			</positions>
		</header>


Thanks!

Re: Problem with the view header in chrome 10 years, 3 months ago #16916

  • tuperdizroja
  • OFFLINE
  • Single Product
  • Fresh Boarder
  • Posts: 13
  • Karma: 0
Thank you very much for everything. Your solution has actually been valid for chrome and android phones, but now the header image is not responsive in Internet explorer and firefox.

I appeal to your patience if we could find a global solution.

thank you very much


Jose Luis
www.s469459294.mialojamiento.es

Re: Problem with the view header in chrome 10 years, 3 months ago #16933

  • usersmart1
  • OFFLINE
  • Moderator
  • Posts: 1364
  • Karma: 20
Dear Jose Luis

Please open file (/templates/sj_plus/css/template-oranges.css) , find this code and remove it:

#yt_header #yt_logoposition h1 a {
    display: inline-block;
}


Thanks!
  • Page:
  • 1
  • 2
Time to create page: 0.23 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes