Black Friday"
0
Go To Cart
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
Go To Cart Total : 0 checkout
You are here: HomeForum
Welcome, Guest
Forgot your password? Forgot your username? Create an account
SmartAddons
Public Forums
Free Joomla Templates
SJ Plus

Position of search module
(1 viewing) (1) Guest
Reply Topic
New Topic
  • Page:
  • 1

TOPIC: Position of search module

Position of search module 10 years, 10 months ago #16234

  • tchintchie
  • OFFLINE
  • Fresh Boarder
  • Posts: 8
  • Karma: 0
dear forum!

I´ve added a search module for our website (using sj plus template) and put it at the "search" position. I included a screenshot for you to see the outcome. It cuts off my logo I tried changing it to the "contact" position which should be in the far right top corner of the page but it didn´t do anything.
it seems to depend on screen resolution though because i don´t have the problem on my iMac no matter what browser i use. also when i resize the browser (making it fairly small) the search field disappears completely (probably intended that way?).
anyways, is there a method to place the search bar in a position where it won´t overlap my logo? top right corner preferred.
many thanks in advance
Attachments:
Reply Quote

Re: Position of search module 10 years, 10 months ago #16359

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

For this issue, please open file 2 file main-left-right.xml,variations in the folder (\templates\sj_plus\layouts), and find this code:

<header html5tag="header" order="1" id="yt_header" autosize="0">
			<positions>
				<position class="span3" data-tablet="span4"  type="feature">@logo</position>
				<position class="span3" 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>


change:

<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>


Hope this help
Reply Quote
Reply Topic
New Topic
  • Page:
  • 1
SmartAddons
Public Forums
Free Joomla Templates
SJ Plus
Powered by Kunena
Time to create page: 0.23 seconds
Xtore Opencat Theme

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.
TigerHostings - WordPress Hosting Service
eMarket - Multipurpose MarketPlace OpenCart 4 Theme

Latest My Topics

No posts to display.

More Topics »

Love all our templates?

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

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