Create TEXT BOX or custom Widget above content in Baskerville

  • I have Baskerville theme and want to have a fixed widget under the menu but above the content. Can I do that with CSS?

    The blog I need help with is: (visible only to logged in users)

  • With Baskerville being a responsive design where it adjusts to all screen/browser window widths, moving a widget up and into the header area typically doesn’t work well. It may work since you have set a static height for the header area. It would require a widget with very little content in it since as the browser window gets narrower, or the site is viewed on smaller devices, the content in the widget would wrap.

    What kind of widget are you wanting to move and are you going to add a menu to your site?

  • I want to add a “text” box with clickable images in it – an AS SEEN IN with logos that will link to the locations.

    YES I am adding a menu – trying to figure out how to customize it. The menu bar and the WP menu on top seems to cut off my header on top and bottom. How to I rectify that? Can I CSS the header size to be larger? Or can I also remove the search icon – that seems to be affecting the menu height.

    Was hoping this theme would fit my needs, but maybe I need something else.

  • Actually it being responsive must be what is cutting off my header. If I reduce the width of my browser on the laptop, the header is not cut off top and bottom… hmmmm.

  • Baskerville is designed to use a header that is graphic or photographic in nature and can be resized and cropped. Replace your .header rule you have in your custom CSS with the following and see what you think.

    .header {
        background-color: #fff;
        background-size: contain;
        padding: 110px 0;
    }
  • This support page on Custom Menus should get you going on using a Custom Menu, if you haven’t seen it already.

    I’ve looked at the CSS and the HTML, and due to the way Baskerville is designed, I’m really not sure that we can successfully move a text widget up and into the top of the content area and have it not cause issues somewhere between a desktop and phone.

    If you wish, add your text widget to the footer widget area and let me know when you have done that and I’ll see what I can do.

  • The topic ‘Create TEXT BOX or custom Widget above content in Baskerville’ is closed to new replies.