Viewing 30 posts - 1 through 30 (of 40 total)
  • Author
    Posts
  • #25362

    There is lots of blank space in my sidebar due to which the contents after the sidebar seems to be squeezed. How can i reduce the width of the side bar?

    #126643

    Hi,

    You can entirely remove the sidebar and instead add a widget area as an element. This way the top of the page will have a sidebar but when the sidebar runs out, the page will switch to full size. add a 2/3 column element and 1/3 column element and in 1/3 element position the widget area element with a custom sidebar you’ve made containing the widgets you want to display. Then when you added enough content in the left 2/3 column that its now longer than the widgets, you add a 1/1 element under the two above, and continue adding content, this time in full screen.

    Thanks,

    Nick

    #126644

    Hi,

    I actually want to keep the current layout as such(the page navigation in sidebar), once the empty space is reduced it will be perfect so is there any other way, also i am already having a 3/4 and 1/4 layout after the sidebar.This 1/4 layout is already creating troubles(alignment problem) while viewed in a tablet.

    thanks

    #126645

    Hi,

    There is no way for you keep the current layout you have and have the sidebar end prematurely in any wordpress theme. The solution I suggested is the only viable one. Since you have a 3/4 and 1/4 , you would have 1/2 and 1/4 and 1/4 for the part of the page where you want the sidebar, and below it you will have the 3/4 and 1/4

    Thanks,

    Nick

    #126646

    I think i could edit the css within the ftp. If you can help me with the code i need to edit.

    #126647

    Also am having trouble with my homepage slider, it looks perfect fit on my pc/laptop and mobile but only half of the contents is visible in my tablet(may be the slider is not re-sizing as it should be).

    Thanks

    #126648

    Hi,

    Ok. What’s your url?

    Thanks,

    Nick

    #126649

    Sorry the site is not published yet(only admins can view the page).

    #126650

    Hi,

    Please let us know when it will be available for viewing in order for us to assist you since otherwise this will be a frustrating experience trying to make low probability guesses. If you have a maintenance plugin, create a password in order for us to assist you. My email is usjahm (at) gmail (dot) com.

    Thanks,

    Nick

    #126651

    currently i have found a solution…I just removed my 1/4th layout which was on the right(so the congested effect is reduced now).I am now having trouble with my layer slider.When it is viewed on my pc and mobile it looks fine but when i view it on a tablet the half of the image is not visible.Can you please help me on this?i have made the background image as of the size of the dummy image which was used there.

    #126652

    Hi,

    Is it the top half or the bottom half? On what tablet android or ipad or win 8? What version of the theme… it would be just easier if we can see the code. Please look on the demo site, http://www.kriesi.at/themes/enfold if you can see same problem using a tablet on there with the layer slider.

    Thanks,

    Nick

    #126653

    Hi its the quarter portion of right side, i have reduced the height of the slider to 350px. Its on android and i am currently using splash blue.I have’nt done anything with the code just replaced the dummy images with some other.

    this is our url: http://businetic.com/

    we are live now, inorder to prevent the breaking of image in tablet i have aligned the image to the center.still you can see (in a tablet)a bubble is missing for the third slide.

    #126654

    Hi,

    I think the problem is that you changed the height, but all the animations were created for the original height and now some go over the edge since they think the slider is still the old width. Take a look at the balloons animation in Layerslider itself and change the coordinates.

    Thanks,

    Nick

    #126655

    hi

    I guess its not the problem, i was having the same problem even with the default height and width.

    thanks

    #126656

    Hi,

    I am sorry, but full size its the same slider as located on http://www.kriesi.at/themes/enfold but with substituted images. That slider has no issues with Android. So besides image replacement (i assume you used identical sized images in your replacement) if the only difference between yours and the demo is the change of the height via css (which the theme authors say should not be done because it will create problems such as you describe) then I am out of ideas. Have you searched on the LayerSlider forum or asked the developers there about the best way to resize a slider ?

    Thanks,

    Nick

    #126657

    HI,

    Okay, as you can see i just replaced the image with new ones, but of different size.I haven’t touched any code of the slider.As you can test by reducing the size of the default slider by reducing the browser size in pc, at certain point the same issue arises. No i haven’t searched for that.

    Thanks

    #126658

    Hi judetsai,

    The way the layer slider adjusts for responsive changes is when the slide actually loads in. So if you adjust the width of the browser while the current slide is showing it will always look odd until the next slide loads in.

    Regards,

    Devin

    #126659

    Hi Devin,

    But it seems to be non responsive in the tablet that is my current issue.Can you please have a look of the website in a tab(android is the one i am using) and help me with that.I have currently centered the image to prevent the odd behaviour. I you have a look at the 3rd slide You may notice the difference in the slide where one of the last smaller bubble is missing in the tablet

    Thanks

    #126660

    I don’t think any of us actually have that specific device to test on but generally things are only tested on device specific widths. IE, using something like http://www.responsinator.com/ and what devices are available.

    Keep in mind that *you* have control over how the slideshow responds to device widths so you can change the settings for the container in the Global Settings for the slideshow (when editing a slider) if its cutting off something you want to show.

    Also, the positioning of the individual elements within your slider can determine how it responds. So saying something should be 50% from the right is different than 200px from the right.

    #126661

    Okay Thanks Devin I will check with that.

    #126662

    Let us know how it goes but I believe the issue is probably fixable with changing some settings on the individual slides and global settings. LayerSlider is great but extremely flexible to the point of complicated.

    Regards,

    Devin

    #126663

    Hi Devin,

    When the slider is viewed in wider monitor may be 23inch, the slider contents which can be viewed in normal 14 inch screens seemed to be more aligned to the left and the background starts repeating( i guess that is due to exceeding the image width), can you please give me some tips to fix the aligning of contents towards left.

    thanks

    #126664

    Hi,

    You can specify the Layers Container width on LayerSlider WP > Slides > Global Settings > Basic > Layers Container. Specify the width (px).

    (px) This feature is useful if you are using a full-width slider and you want to avoid stretching your layers across the full viewport horizontally. Just specify a custom width in pixels, and the slider will create a centered inner area to place your content into that. Note that this feature is working only with pixel-positioned layers, but you can still use the value '50%' if you want centered positions.

    Regards,

    Ismael

    #126665

    Hi,

    I first added 50% to the layer container, the slider just disappeared. Than i tried giving 1600px(its the width of the background image of the slider), the slider disappeared again, so now i replaced it back to the default value 0.

    Thanks

    #126666

    Hi,

    You can try 1024. The Layers Container option will constrain all elements inside a specific width and the slider will create a centered inner area to place your content into that.

    Regards,

    Ismael

    #126667

    Hi Ismael,

    Thanks a lot that really helped…i guess almost all the queries i asked about layer slider is solved now…May i know why it doesnt worked for 1600px.

    Thanks

    #126668

    Sorry it was okay in my pc (20inch), i tried zooming in and out in my browser its looks perfect(center aligned, it was not like that previously) but when i checked in a 23 inch one its still the same the contents are more aligned to the left. Also i tried zooming out the browser in other systems, the result was not same as the one i found in my pc.my url:http://businetic.com/

    The thing is when i logged out from my wp admin panel and tried zooming out the browser, at this time its not working(which was previously working when i was logged in the wp admin panel).

    #126669

    Just to make sure we are on the same page, when you say zooming out or in do you mean the actual zoom on the browser or do you mean resizing the browser window?

    Keep in mind that how you specifically position your elements in the slide will effect how they react to the container. So if you use pixels vs percentages for positioning elements or something like that it can change how it responds.

    #126670

    zooming(ctrl+scroll)…now i find that when i view the website while logged in to the wp adminpanel everything looks good the layer is displayed in the manner how i have positioned the contents, even after zooming in or out the browser.But once i am logged out its back to the previous state the contents more aligned to the left.I tried zooming out after logging out the admin panel the layer content seems to start aligning to the left.

    #126671

    There is nothing built into the theme to support the actual browser zoom. That is completely different and separate from responsive testing/functionality.

    Responsiveness refers to the viewers window size or device viewing size. For example, if you put your site into this site you can see how it looks on various device sizes: http://designmodo.com/responsive-test/

Viewing 30 posts - 1 through 30 (of 40 total)

The topic ‘left Side bar excess free space’ is closed to new replies.