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

Bigger logo, search box deplaced
(1 viewing) (1) Guest
  • Page:
  • 1
  • 2

TOPIC: Bigger logo, search box deplaced

Bigger logo, search box deplaced 12 years, 1 month ago #3400

Hi,

I added bigger logo under register/search modules but now is Search box deplaced to the left side instead to stay on the right side. See my test site:

hosting-test.beoplanet.net/

How to move Search box again to the right side on the standard position?

I modified layout in xml file so:

<header order="2" id="yt_header">
<positions><position width="190px" height="" type="modules">header1</position>
<position width="228px" height="" type="modules">header2</position>
<position width="" height="" type="feature">@logo</position>

</positions>
</header>

Any help would be appreciated.

Regards,
Miomir

Re: Bigger logo, search box deplaced 12 years, 1 month ago #3407

  • loitt
  • OFFLINE
  • Platinum Boarder
  • Posts: 2222
  • Karma: 48
Hi Miomir Besarabic,

I think that you can change the layout file first.

Example: main-right.xml file in "your_site/templates/sj_hosting/layouts", finding:


               <header order="2" id="yt_header">
				<positions>
					<position width="" height="" type="feature">@logo</position>
					<position width="190px" height="" type="modules">header1</position>
					<position width="228px" height="" type="modules">header2</position>
				</positions>
		       </header>


change to:

                <header order="1" id="yt_header">
					<positions>
						
						<position width="" height="" type="modules">header1</position>
						<position width="" height="" type="modules">header2</position>
					</positions>
				</header>
				<header1 order="2" id="yt_header1">
					<positions>					
						<position width="" height="" type="feature">@logo</position>
					</positions>
				</header1>



After that, you can edit the templates.css file in "your_site/templates/sj_hosting/css", finding:

#yt_top,
#yt_header, 
#yt_menuwrap,
#yt_slideshow, 
#content, 
#yt_var1,
#yt_var2,
#yt_footer,
#yt_spotlight1,
#yt_slider,
#yt_spotlight2{
	width:100%;
	float:left;
}



change to:

#yt_top,
#yt_header, 
[b]#yt_header1[/b], 
#yt_menuwrap,
#yt_slideshow, 
#content, 
#yt_var1,
#yt_var2,
#yt_footer,
#yt_spotlight1,
#yt_slider,
#yt_spotlight2{
	width:100%;
	float:left;
}




and continue to add the line code at the end of file:


#header2 .yt-position-inner{
   float: right
}


Thanks
Ticket System | Join our Clubs to download our extensions and templates

Re: Bigger logo, search box deplaced 12 years, 1 month ago #3410

Hi,

Thank you. I did changes but Search box stay on the left side. Only added something space between logo and menu. Have you any other idea?

Regards,
Mike

Re: Bigger logo, search box deplaced 12 years, 1 month ago #3411

  • loitt
  • OFFLINE
  • Platinum Boarder
  • Posts: 2222
  • Karma: 48
Hi Miomir Besarabic,

maybe you changed the main-right.xml file.

It is not your current layout which is main-left-right.xml file.

Please check it again.

Thanks
Ticket System | Join our Clubs to download our extensions and templates

Re: Bigger logo, search box deplaced 12 years, 1 month ago #3412

Hi,

No I edited main-left-right.xml. I attached this file.

Regards,
Miomir
Attachments:

Re: Bigger logo, search box deplaced 12 years, 1 month ago #3413

  • loitt
  • OFFLINE
  • Platinum Boarder
  • Posts: 2222
  • Karma: 48
Hi Miomir Besarabic,

I have just checked the attached file.

I see that you still remain the width of header2 as 228px.

Please do the steps above again.

Thanks
Ticket System | Join our Clubs to download our extensions and templates
  • Page:
  • 1
  • 2
Time to create page: 0.24 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