I have enabled the Top bar in the Marinelli theme on my website and moved the login block into it, but i want the slide up/slide down button to be on top right of homepage rather than the center.

How can i do this

Please Help.

CommentFileSizeAuthor
#7 1461394_after_patch.png22.08 KBvikashsoni
#5 after_patch.png716.51 KBPremanshu
#5 before_patch.png845.87 KBPremanshu
#5 slide_up_down_button.png34.83 KBPremanshu
#3 Slide_Up_Slide_Down_button_to_top_left-1461394-1.patch630 bytesbhumikavarshney

Comments

Pankaj Vatsa’s picture

Pankaj Vatsa commented

Someone please reply to this problem.

ckvergleich’s picture

ckvergleich commented
Category: task » support

subscribe

bhumikavarshney’s picture

bhumikavarshney commented
Issue summary: View changes
StatusFileSize
new Slide_Up_Slide_Down_button_to_top_left-1461394-1.patch630 bytes

Try this patch

bhumikavarshney’s picture

bhumikavarshney commented
Status: Active » Needs review
Premanshu’s picture

Premanshu commented
Status: Needs review » Needs work
Issue tags: +CSS novice, +Novice
StatusFileSize
new slide_up_down_button.png34.83 KB
new before_patch.png845.87 KB
new after_patch.png716.51 KB

Hi Bhumika,

The patch applies and changes the position of the carousel buttons. However, in this issue it is not required to change position of these buttons.

When we place the user login block in topbar. Then on the logged out screen, we see slide up/slide down button that allows us to view the login form. The task is to position that according to request.

I am attaching screenshot for reference.

Premanshu’s picture

Premanshu commented
Status: Needs work » Needs review

Hi Pankaj,

You will need to change make some changes to marinelli_topregion.js file.

Follow the steps given below:

  1. First open the file in your code editor
  2. At the bottom of the file you will see the comment : //Set start margin
  3. Replace the CSS code at the bottom of the comment with this
    • For the first line :$('#topBarLink a').css('margin-left', ((windowWidth ) - (linkWidth) -30) + 'px');
    • For the second line :
      $(window).bind('resize', function(event) {
		$('#topBarLink a').css('margin-left', (($(window).width() ) - (linkWidth) - 30) + 'px');
	});
  4. Save your file
  5. Note: Make sure you don't accidentally change the code other than specified as that may lead to errors.

I hope this solves your problem.

vikashsoni’s picture

vikashsoni commented
StatusFileSize
new 1461394_after_patch.png22.08 KB

patch is applied successfully for reference sharing screenshot ....